/* 0.网站统一样式 */

/* 设置网站字体的基准大小 */
html {
  font-size: 62.5%;
}

/* 统一网站的字体基本颜色 */
body {
  color: #333;

}

/* 去掉下划线 */
a {
  text-decoration: none;
  color: #333;
}

/* 图片依据父容器等比例缩放 */
img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* 取消标题和列表默认的盒子定义 */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
figure,
p {
margin: 0;
padding: 0;
font-weight: normal;
}
/* 取消项目符号 */
li {
  list-style-type: none;
}

header,
nav,
main,
footer {
  width: 80%;
  margin: 0 auto;
}
/* 页面定宽容器 */
.w1200 {
width: 958px;
margin: 0 auto;
}
/* 页面顶部 */
/* 页面定宽容器 */
.w1200 {
width: 120rem;
margin: 0 auto;
}

/* 顶部外边距30px */
.mt30 {
margin-top: 3rem;
}

/* 顶部外边距20px */
.mt20 {
margin-top: 2rem;
}

/* 顶部外边距10px */
.mt10 {
margin-top: 1rem;
}

/* 左浮动 */
.fl{
float: left;
}

/* 右浮动 */
.fr{
float: right;
}
/* 1.页面头部 */
header {
  color: #0e0d0d;
  background: #fdfbfb;
}
.top-top{
  width: 958px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  /* 将normalize.css中line-height:1.15层叠，覆盖掉，用来解决header和navbar之间的距离 */
  line-height: 0;
}
/* 1.1 头部导航 */
 .top-nav {
  width: 958px;
  height: 20px;
  display: flex;
  /* justify-content: space-around; */
  align-items: center;
  margin: 0 auto;
  /* 将normalize.css中line-height:1.15层叠，覆盖掉，用来解决header和navbar之间的距离 */
  line-height: 0;
}
.logo{
  width: 958px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  /* 将normalize.css中line-height:1.15层叠，覆盖掉，用来解决header和navbar之间的距离 */
  line-height: 0;
}
 
.top-nav .push-right {
  display: flex;
  margin-left: auto;
}

.top-nav a {
  color: hsl(0, 3%, 6%);
  padding-right: 1rem;
}

/* 伪元素实现 “｜”的显示 */
.top-nav a:not(:last-of-type)::after {
  content: "|";
  margin-left: 1rem;
  display: inline-block;
}

h1 {
  height: 10rem;
}
.logo>h1{
  height: 135px;
}


/* 2.页面导航 */

/* 2.1 主菜单 */
.nav{
width: 958px;
height: 4rem;
display: flex;
justify-content: space-around;
align-items: center;
background-color: #ebebeb;
margin: 0 auto;
/* 将normalize.css中line-height:1.15层叠，覆盖掉，用来解决header和navbar之间的距离 */
line-height: 0;
}
nav>li{
display: flex;
width: 100%;
}
nav a {
display: block; /*从行级元素转换为块级元素*/
/* margin:  0 auto; */
/* margin-left: 20px; */
text-align: center; /*水平居中*/
/* width: 100%; */
height: 4rem;
/* height: 20px; */
/* height: 16px; */
line-height: 4rem; /*在单行下与高度一起实现垂直居中*/
border-right: 1px solid black;
}

/* nav {
background-color: #ebebeb;
} */

nav ul {
display: flex;
align-items: center;
justify-content: space-around;
}

nav li {
flex: 1;
}

nav li > a {
font-size: 1.6rem;
}
/* 菜单“首页”的默认颜色设置 */
nav>ul>li>a:hover {
color: red;
border-right: 1px solid black;
/* background: #c4420a; */
}
/* 2.2 二级菜单 */
nav ul.sub-menu {
display: none;
position: absolute; /* 脱离正常文档流，按照父容器定位*/
}

nav li:hover ul.sub-menu {
display: flex;
flex-direction: column;
align-items: stretch;
background-color: #c4420a;
width: calc(120rem / 9);
/* border-right: 1px solid black; */
/* width: 60px; */
}

nav ul.sub-menu a {
color: #fff;
font-size: 12px;
}

nav ul.sub-menu li:hover > a {
background-color: #c4430c;
}
.main{
  display: flex;
  width: 958px;
  height: 585px;
  justify-content: space-around;
/* align-items: center; */
margin: 0 auto;
margin-top: 5px;
}
.left{
  display: flex;
  width: 267px;
  height: 585px;
  justify-content: space-around;
  flex-direction: column;
}

.message-news{
  width: 267px;
  height: 223px;
  border:1px solid grey;
  
}
.message-news5{
  width: 267px;
  height: 354px;
  border:1px solid grey;
  
}
.message-news>ul>li:nth-child(1){
  display: flex;
  /* width: 100%; */
  height: 30px;
  align-items: center;
  background-image: url(../images/newPic1.gif);
  background-repeat: no-repeat;
}
.message-news4>ul>li:nth-child(1){
  
  background-image: url(../images/tzPic2.gif);
}
.message-news5>ul>li:nth-child(1){
  
  background-image: url(../images/indexMpic2.gif);
}
.right-top{
  display: flex;
width: 100%;
height: 30px;
margin-top: 2px;
/* border:1px solid grey; */
}
.right-top>div:nth-child(1){

  margin-left: 20px;
  margin-right: 8px;
}
.right-top>div:nth-child(2){
  width: 200px;
  margin-left: 0px;
}

.right-top>div:nth-child(3){
  margin-left: 250px;
}
.right>ul>li:nth-child(2)>ul{
  margin-left: 5px;
}
.right>ul>li:nth-child(2)>ul>li{
  display: flex;
  width: 651px;
}
.right>ul>li:nth-child(2)>ul>li>div{
  display: inline-block;
}
.right>ul>li:nth-child(2)>ul>li>a{
  width: 560px;
}


.right>ul>li:nth-child(2)>div{
  display: flex;
  justify-content: space-around; 
  /* width: 400px; */
  margin-top: 20px;
}
.right>ul>li:nth-child(2)>div>ul>li{
  display: inline-block;
  width: 40px;
  height: 14px;
  font-size: 12px;
  line-height: 14px;
}
.right>ul>li:nth-child(2)>div>ul{
  /* width: 400px; */
  height: 20px;
}
.right>ul>li:nth-child(2)>ul a{
  font-size: 12px;
}
.right>ul>li:nth-child(2)>ul a:hover{
  color: red;
}
.right>ul>li:nth-child(2)>div>ul>.pagination{
  width: 200px;
}
.right>ul>li:nth-child(2)>ul>li>div{
  display: inline-block;
  width: 12px;
  height: 12px; 
}
.pagination {
  display: inline-block;
}
.pagination span{
  float: left;

  font-size: 12px;
  font-family: 宋体;
  display: inline-block;
  height: 14px;
  padding: 2px 4px;

  font-weight: bold;
  color: #E1F0FB;
  MARGIN-RIGHT: 1px;
  line-height: 14px;
  border: solid 1px #AFD5F5;
}
.pagination a {
  float: left;

  font-size: 12px;
  font-family: 宋体;
  display: inline-block;
  height: 14px;
  padding: 2px 4px;

  font-weight: bold;
  color: black;
  MARGIN-RIGHT: 1px;
  line-height: 14px;
  border: solid 1px #AFD5F5;
  /* padding-top: 5px; */
}

.pagination a.active {
  
  background: #E1F0FD;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}


.message-news>ul>li:nth-child(1)>div:nth-child(2){
  display: flex;
  /* width: 100px; */
  margin-left: 40px;
  color: white;
}
.message-news4>ul>li:nth-child(1)>div:nth-child(2){
  margin-left: 5px;
}
.message-news5>ul>li:nth-child(1)>div:nth-child(2){
  margin-left: 25px;
}
.message-news>ul>li:nth-child(1)>div:nth-child(3)>a{
  margin-left: 180px;
  color: orange;
}


.message-news4>ul>li:nth-child(1)>div:nth-child(3)>a{
  margin-left: 140px;
  
}
.message-news>ul>li:nth-child(1)>div:nth-child(3)>a:hover{
  color: black;
}
.message-news a{
  font-size: 8px;
  color: black;
}
.message-news a:hover{
  color: red;
}
.message-news span{
  font-size: 8px;
}
.message-news>ul>li:nth-child(2){
  display: flex;
  /* justify-content: space-around; */
  align-items: center;
}
.message-news>ul>li:nth-child(2)>ul>li{
  display: flex;
  /* justify-content: space-around; */
  align-items: center;
  /* margin-top: 5px; */
}
.message-news4>ul>li:nth-child(2)>ul>li{
  margin-bottom: 12px;
}
.message-news>ul>li:nth-child(2)>ul>li>div:nth-child(1){
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-left: 12px;
}
.message-news>ul>li:nth-child(2)>ul>li>div:nth-child(1)>span{
  align-self: center;
  color: red;
}
.message-news>ul>li:nth-child(2)>ul>li>div:nth-child(2){
  width: 300px;
  margin-left: 12px;
}
.message-news5>ul>li:nth-child(2){
  display: flex;
  width: 267px;
  height: 320px;
  justify-content: space-around;
}
.message-news5>ul>li:nth-child(2)>ul{
  display: flex;
  width: 184px;
  height: 320px;
  justify-content: space-around;
  flex-direction: column;
}
.message-news5>ul>li:nth-child(2)>ul>li{
  width: 184px;
  height: 160px;
}
.message-news5>ul>li:nth-child(2)>ul>li>a>img{
  width: 180px;
  height: 120px;
}
.message-news5>ul>li:nth-child(2)>ul>li>a>div{
  width: 184px;
  height: 20px;
}




.right{
  width: 691px;
  height: 585px;
}


footer {
  width: 962px;
  height: 60px;
  background: url(../images/footerbg.gif)  center
    center;
  color: black;
  font-size: 1.4rem;
  padding-top: 1rem;
  
}
footer>p{
  text-align: center;
}
address{
  margin-top: 10px;
    text-align: center;
}
